/**
 * Created by Bruce on 2016/7/1.
 */

$(function () {
    /* 轮播图  */
    // 鼠标移入  清除定时器
    $(".ui-slider-content").mouseenter(function () {
        clearInterval(timerId);   //清除定时器
    });

    // 鼠标移出  开启定时器
    $(".ui-slider-content").mouseleave(function () {
        timerId = setInterval(function () {
            timerShow();  //开启定时器  调用函数
        }, 5000);
    });

    //定时轮播
    var length = $(".ui-slider-indicators").children().length;  //图片原始数量
    var index = 0; //初始化图片的index
    var subIndex = 0;  //初始化圆点的index
    var timerId = setInterval(function () {
        timerShow();  //定时器内调用函数
    }, 5000);

    function timerShow() {  //封装定时播放的函数
        index++;
        index < length;
        $(".ui-slider-indicators").children().eq(index).addClass("current").siblings().removeClass("current");
        $(".ui-slider-content").children().eq(index).animate({"opacity": "1"}, 1000).siblings().animate({"opacity": "0"}, 500);
        if (index == length) {  //图片的索引等于图片个数时
            index = 0;  //设置index 为0
            $(".ui-slider-indicators").children().eq(index).addClass("current").siblings().removeClass("current");  //设置圆点的状态
        }
    }

    //无缝轮播
    var firstLi = $(".ui-slider-content").children().eq(0);
    var cloneLi = firstLi.clone(true);  //克隆第一张图片
    $(".ui-slider-content").append(cloneLi);  //把第一张图片追加到父盒子中

    //鼠标移入圆点显示对应图片
    $(".ui-slider-indicators").children().mouseenter(function () {
        $(this).addClass("current").siblings().removeClass("current");
        subIndex = $(this).index();
        index = subIndex;  //解决同步问题
        $(".ui-slider-content").children().eq(subIndex).animate({"opacity": "1"}, 500).siblings().animate({"opacity": "0"}, 500);
    });

    /*mod-adorn-list  部分  动态效果*/
    //$(".mod-adorn-list section").mouseenter(function () {
    //    $(this).children().children("h3").css({"fontSize": "32px", "padding-top": "15px"})
    //    $(this).children().children("div").stop().animate({"left": "10px"});
    //});

    $(".mod-adorn-item-bubble").mouseenter(function () {
        $(this).children().children("h3").css({"fontSize": "32px", "padding-top": "15px"})
        $(this).children().children("div").stop().animate({"left": "10px"});
        $(this).children().children("div").children().eq(0).animate({"left": "90px"}, 300);
        $(this).children().children("div").children().eq(0).animate({"left": "20px"}, 300);
        $(this).children().children("div").children().eq(1).animate({"left": "90px"}, 300);
        $(this).children().children("div").children().eq(1).animate({"left": "40px"}, 300);
        $(this).children().children("div").children().eq(2).animate({"left": "100px"}, 300);
        $(this).children().children("div").children().eq(2).animate({"left": "60px"}, 300);


    });
    $(".mod-adorn-item-suit").mouseenter(function () {
        $(this).children().children("h3").css({"fontSize": "32px", "padding-top": "15px"})
        $(this).children().children("div").stop().animate({"left": "10px"});
        $(this).children().children("div").children().eq(0).stop().animate({"top": "125px"}, 100).animate({"top":"54px"});
        $(this).children().children("div").children().eq(1).stop().animate({"top": "-15px"},100).animate({"top":"14px"});

    });
    $(".mod-adorn-item-avatar").mouseenter(function () {
        $(this).children().children("h3").css({"fontSize": "32px", "padding-top": "15px"})
        $(this).children().children("div").stop().animate({"left": "10px"});
        $(this).children().children("div").children().stop().animate({"left": "125px","top":"100px"}, 300).animate({"left": "15px","top":"19px"},300);
    });

    $(".mod-adorn-item-skin").mouseenter(function () {
        $(this).children().children("h3").css({"fontSize": "32px", "padding-top": "15px"})
        $(this).children().children("div").stop().animate({"left": "10px"});
        $(this).children().children("div").children().stop().animate({"left": "125px","top":"100px"}, 300).animate({"left": "53px","top":"55px"},300);
    });
    $(".mod-adorn-item-wallpaper").mouseenter(function () {
        $(this).children().children("h3").css({"fontSize": "32px", "padding-top": "15px"})
        $(this).children().children("div").stop().animate({"left": "10px"});
        $(this).children().children("div").children().eq(0).stop().animate({"left": "-10px"}, 1000).animate({"left": "-50%"},1000);

    });

$(".mod-adorn-list section").mouseleave(function () {

    $(this).children().children("h3").css({"fontSize": "26px", "padding-top": "25px"});
    $(this).children().children("div").stop().animate({"left": "0px"});

});
/*ui-promotion 部分图片 鼠标放上改变透明度*/
$(".ui-promotion > ul > li").mouseenter(function () {
    $(this).animate({"opacity": 0.8}, 10).siblings().animate({"opacity": 1});
});
$(".ui-promotion > ul > li").mouseleave(function () {
    $(this).animate({"opacity": 1}, 10);
});


/*二维码  点击关闭*/
$("#er_code .close").click(function () {
    $(this).parent().css("display", "none");
});
})
;
